<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <title>商城导航</title>
    <!--引用第三方的样式-->
    <link rel="stylesheet" href="./lib/bootstrap/css/bootstrap.min.css">
    <!--引入重置浏览器样式-->
    <link rel="stylesheet/less" href="css/base.less"/>
    <!--引入白菜价主页样式-->
    <link rel="stylesheet/less" href="css/index.less"/>
    <!--引入less.js文件-->
    <script src="lib/less/less.min.js"></script>
</head>
<body>
<!--头部-->
<div class="head">
    <div class="back"><a class="back glyphicon glyphicon-menu-left" href="../index.html"></a></div>
    <h1>商城导航</h1>
    <div class="download"><a href="#"><img src="images/header_app.png" alt=""/></a></div>



</div>

<!--导航列表-->

<div class="shoplist">
    <div class="box"></div>
    <!--<a href="#"><b style="background:url(images/1.png) no-repeat center "></b>京东商城</a>-->
    <!--<a href="#"><b></b>京东商城</a>-->
    <!--<a href="#"><b></b>京东商城</a>-->
</div>

<div class="drop">
    <p>首页&gt;&nbsp;商城导航</p>
</div>


 <footer id="footer"> 
        <div class="row">
              <a href="#" class="col-xs-4">登录</a>
              <a href="#" class="col-xs-4">注册</a>
              <a href="#" class="col-xs-4"><img src="images/top.jpg" alt="">返回顶部</a>
        </div>
        <p>
            <a href="#">手机app下载</a>
            <a href="#">慢慢买手机版 </a>
            --掌上比价平台
        </p>
        <p>m.manmanbuy.com</p>
    </footer>


</body>

<script src="text/html" id="tpl">
    {{each result as value i}}
    <a href="{{value.navHref}}"><b style="background:url({{value.navImg}}) no-repeat center "></b>{{value.navTitle}}</a>
    {{/each}}

</script>



<!--引入jq文件-->
<script src="./lib/jquery/jquery.min.js"></script>
<!--引用bootstrap.js-->
<script src="./lib/bootstrap/js/bootstrap.min.js"></script>

<!--引用template.js-->
<script src="./lib/template/template.js"></script>
<!--引入主页js文件-->
<script src="./js/index.js"></script>


</html>